<!DOCTYPE html>
<html lang="zxx">
    <head>
        <!-- Meta Tags -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
        <meta name="description" content="Multipages HTML5 Template">
        <meta name="author" content="">

        <!-- Page Title -->
        <title>About Author</title>

        <!-- Favicon and touch Icons -->
        <link href="images/favicon.png" rel="shortcut icon" type="image/png">
        <link href="images/apple-touch-icon.png" rel="apple-touch-icon">
        <link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
        <link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
        <link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

        <!-- Lead Style -->
        <link href="css/style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
		<div id="preloader" class="loader_show">
			<div class="loader-wrap">
			<div class="loader">
				<div class="loader-inner"></div>
			</div>
			</div>
		</div>
		
		<!-- pointer start -->
		<div class="pointer bnz-pointer" id="bnz-pointer"></div>
		
		<div class="content">
    		<div class="top_part">
	        	<!-- Start Header -->
				<header id="header" class="header_3 header">
					<div class="container">
						<div class="navigation">
							<nav id="flexmenu">
								<div class="logo">
									<a href="index.html"><img src="images/logo1.jpg" alt="logo"></a>
								</div>
								<div class="nav-inner">
									<div id="mobile-toggle" class="mobile-btn"></div>
									<ul class="main-menu">
										<li class="menu-item"><a href="index.html">Home</a>
											<ul class="sub-menu">
												<li class="menu-item"><a href="index-2.html">Home 2</a></li>
												<li class="menu-item"><a href="index-3.html">Home 3</a></li>
											</ul>
										</li>
										<li class="menu-item"><a href="#">Posts</a>
											<ul class="sub-menu">
												<li class="menu-item"><a href="blog-details.html">Blog Details</a></li>
												<li class="menu-item"><a href="blog-details-fullwidth.html">Blog Details Fullwidth</a></li>
											</ul>
										</li>
										<li class="menu-item "><a href="#">Things and Tools</a>
											<ul class="sub-menu">
												<li class="menu-item "><a href="satellite.html">satelliteMap</a></li>
												<li class="menu-item "><a href="map.html">PlaceMap</a></li>
												<li class="menu-item "><a href="3dwords.html">3d lines</a></li>
												<li class="menu-item "><a href="PhotoPlay.html">Photo play</a></li>
											</ul>
										</li>
										<li class="menu-item"><a href="Comments.html">Communication</a></li>
										<li class="menu-item "><a href="advice.html">advice</a></li>
										<li class="menu-item active"><a href="about.html">About Author</a></li>
										<li class="menu-item"><a href="contact.html">Contact Me</a></li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
		        </header>
			</div>
			
			<div class="page-header">
				<div class="page-header-content">
					<div class="container">
						<h2 class="heading">About Author</h2>
					</div>
				</div>
			</div>

			<div class="main-wrapper m_tp_0">
				<div class="container">					
					<div class="author_wrapper">
						<div class="row">
							<div class="col-lg-6">
								<div class="author_slider">
									<div class="swiper-container">
										<div class="swiper-wrapper">
											<div class="swiper-slide">
												<div class="slide_img" data-swiper="overlay-bottom">
													<img src="images/U9Y)2%60%7BEV%5BUMK5D5ZXJ_~PP_爱奇艺.jpg" alt="img">
												</div>
											</div>

											<div class="swiper-slide">
												<div class="slide_img" data-swiper="overlay-bottom">
													<img src="images/LG%7B%25Q)%7DHUTIXT9R~FRK0%7D$A_爱奇艺.jpg" alt="img">
												</div>										
											</div>
										</div>
										<!-- Add Pagination -->
										<div class="swiper-pagination"></div>
									</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="author_info">
									<h3>Hi, I am Wcy</h3>
									<p>
										This website is a gift. No matter who you are and where you come from, it shows that you and I are predestined.
									</p>
									<p>
										A good programmer, when crossing a one-way street, will also confirm the two-way traffic situation
									</p>
									<p>
										while (life < end) {
										  love++;
										}
										world.controlledBy(NoOne)
										    withMyGentle() {
										        you.control(me).equals(true)
										    }
									</p>
									<div class="author_bottom">
										<div><img src="images/signature.png" alt="img"></div>
										<div class="social">
											<ul>
												<li><a href="#"><i class="ion-social-facebook"></i></a></li>
												<li><a href="#"><i class="ion-social-twitter"></i></a></li>
												<li><a href="#"><i class="ion-social-dribbble"></i></a></li>
												<li><a href="#"><i class="ion-social-instagram"></i></a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="post_by_author">
						<div class="sec_title">
							<h1>Author's reference</h1>
						</div>
						<div class="more_posts" data-aos="fade-up" data-aos-duration="900">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<article class="blog_post">
											<div class="post_img">
												<a href="#"><img src="images/blog/fbb.jpg" alt="blog"></a>
												<div class="calendar">
													<a href="#"><span class="date">20</span><br>Jan</a>
												</div>
											</div>
											<div class="post_content">
												<div class="post_header">
													<div class="author"><a href="#"><i class="ion-android-create"></i> By Wcy</a></div>
													<h2 class="post_title">
														<a href="#">Under One person</a>
													</h2>
												</div>
											</div>
										</article>
									</div>

									<div class="swiper-slide">
										<article class="blog_post">
											<div class="post_img">
												<a href="#"><img src="images/blog/QQ图片20210117203907_爱奇艺.jpg" alt="blog"></a>
												<div class="calendar">
													<a href="#"><span class="date">16</span><br>Jan</a>
												</div>
											</div>
											<div class="post_content">
												<div class="post_header">
													<div class="author"><a href="#"><i class="ion-android-create"></i> By Wcy</a></div>
													<h2 class="post_title">
														<a href="#">Assassin 567</a>
													</h2>
												</div>
											</div>
										</article>										
									</div>

									<div class="swiper-slide">
										<article class="blog_post">
											<div class="post_img">
												<a href="#"><img src="images/blog/Q$($5$U15~AQA1IOT_4XPJR_爱奇艺.jpg" alt="blog"></a>
												<div class="calendar">
													<a href="#"><span class="date">21</span><br>Jan</a>
												</div>
											</div>
											<div class="post_content">
												<div class="post_header">
													<div class="author"><a href="#"><i class="ion-android-create"></i> By Wcy</a></div>
													<h2 class="post_title">
														<a href="#">Master of evil</a>
													</h2>
												</div>
											</div>
										</article>											
									</div>
									
									
									<div class="swiper-slide">
										<article class="blog_post">
											<div class="post_img">
												<a href="#"><img src="images/blog/@5SK%7BL2%7B%5B)%5B%60DD%5BH2OY%25PO7_爱奇艺.jpg" alt="blog"></a>
												<div class="calendar">
													<a href="#"><span class="date">22</span><br>Jan</a>
												</div>
											</div>
											<div class="post_content">
												<div class="post_header">
													<div class="author"><a href="#"><i class="ion-android-create"></i> By Wcy</a></div>
													<h2 class="post_title">
														<a href="#"> Son of the weather</a>
													</h2>
												</div>
											</div>
										</article>											
									</div>
								</div>
								
							</div>
							<!-- Add Arrows -->
							<div class="swip_button">
								<div class="swiper-button-prev"><i class="ion-ios-arrow-left"></i></div>
								<div class="swiper-button-next"><i class="ion-ios-arrow-right"></i></div>
							</div>
						</div>
					</div>
				</div>
			</div>

	<footer class="footer" data-aos="fade-up" data-aos-duration="700">
			<div class="footer-above">
				<div class="footer-logo">
					<!-- <a href="#"><img src="images/logo-white.png" alt="logo"></a> -->
				</div>
				<div class="footer-social">
					<ul>
						<li><a href="#"><i class="ion-social-facebook"></i></a></li>
						<li><a href="#"><i class="ion-social-instagram"></i></a></li>
						<li><a href="#"><i class="ion-social-twitter"></i></a></li>
					</ul>
				</div>
			</div>
			<div class="footer-middle">
				<div class="container">
					<div class="footer_widget_wrapper">
						<div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="footer_widget">
									<div class="widget-title">
										<h4>Instagram</h4>
									</div>
									<div class="instagram">
										<ul>
										<li><a href="#"><img src="images/insta/$7%7B%7BRONZ%7B19%7DE~QFF5S(P02_爱奇艺.jpg" alt="insta"></a></li>
										<li><a href="#"><img src="images/insta/00S$8~$@P(4EGZ%7D2AASLS%7BB_爱奇艺.jpg" alt="insta"></a></li>
										<li><a href="#"><img src="images/insta/LG%60LMZLGT3%60MLA3F1P8$(76_爱奇艺.jpg" alt="insta"></a></li>
										<li><a href="#"><img src="images/insta/OPSRWFVTZ%7B%7BFP%5BT87LRR6~Q_爱奇艺.jpg" alt="insta"></a></li>
										<li><a href="#"><img src="images/insta/W8_W%5D)V%5D%7B%7DQGU2$0$8QF)0C_爱奇艺.jpg" alt="insta"></a></li>
										<li><a href="#"><img src="images/insta/~HXU4D@8VHC@P%5B$@6O_H3Y8_爱奇艺.jpg" alt="insta"></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="footer_widget pd_lt">
									<div class="blend-logo">
										<!-- <a href="#"><img src="images/logo-big.png" alt="logo"></a> -->
									</div>
									<div class="footer_nav">
										<ul>
											<li class="menu-item"><a href="index.html">Home</a></li>
											<li class="menu-item"><a href="about.html">About Author</a></li>
											<li class="menu-item"><a href="blog-details.html">Blog</a></li>
											<li class="menu-item"><a href="blog-details-fullwidth.html">Blog Fullwidth</a></li>
											<li class="menu-item"><a href="contact.html">Contact Me</a></li>
											<li class="menu-item"><a href="Comments.html">Communication</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">
					<div class="copyright">
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &copy; 2021 - Wcy. Created by Wcy. Give To Cy.<br>赣ICP备2021001313号-1|</p>
					</div>
				</div>
			</div>
		</footer>
	</div>

        <!-- All JavaScript Files
        ================================================== -->
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery-3.5.1.js"></script>
		<script src="js/jquery-3.5.1.min.js"></script>
		
        <script src="plugins/swiper/swiper.min.js"></script>
		<script src="js/menu.js"></script>
        <script src="plugins/aos/aos.js"></script>
        <script src="js/custom.js"></script>
    </body>
</html>